
namespace("controls.PopoverPanel", 
{
	'@inherits' : w3c.HtmlComponent,

	innerHTML:
	'<div class="PopoverPanel">My Panel</div>'
});


namespace("TurtleCanvas", /**@lends TurtleCanvas.prototype*/
{
    '@inherits': w3c.Application,
	'@stylesheets' : ["/TurtleCanvas/cdn/css/reset.css", "/TurtleCanvas/cdn/css/resethtml5-1.6.1.css", "/TurtleCanvas/cdn/css/Application.css"],
	//'@traits' :[Selectables, LESS],
	//'@selectables' : [playground.creatures.Turtle, controls.Box],
	
	
	/**
    	Creates a new TurtleCanvas instance
    	@constructs 
	*/
    initialize : function () {
		//this.components.checkbox.addEventListener("check", this.onToggleTurtleMovement.bind(this), false);
		//this.components.checkbox.setLabel("Toggle");
		//this.addEventListener("dragselected", this.ondragselected.bind(this), false)
		//(1).toFixed(-12); // RangeError
    },
	
    innerHTML:
	'<div class="TurtleCanvas" id="TurtleCanvas">\
		<div containment="replace" id="checkbox" namespace="controls.PopoverPanel"></div>\
	</div>'
});